/*
  学习目标：JSX-样式处理
  1. 行内
    语法:  style = {{css属性名: css属性值}}
    注意: 
      1. 属性名不支持连字符写法
      2. 单位px可以省略
  2. 👍外部
    1. 新建样式文件
    2. 导入样式
    3. 设置类名
*/
import React from 'react';
import ReactDOM from 'react-dom';
import './base.css';

const divNode = (
  <div>
    <h1
      className="title"
      style={{
        color: 'red',
        // 💥css对象不支持连字符, 👍使用驼峰命名
        // px为单位时,可以省略为数字
        fontSize: 24,
      }}
    >
      我是一个盒子
    </h1>
  </div>
);

ReactDOM.render(divNode, document.getElementById('root'));
